/* Content αλλάζει ολο το μπάκ 
----------------------------------------------- */
body {
font:Lucida sans;

background-image: -moz-linear-gradient(#f30,#ffc);
background-repeat:repeat;
color:#eee;
font-size:inherit;/* αλλάζει το περιθώριο μεταξύ των αναρτήσεων kai to megethos tiw gramatosiras */
font-family:Arial;
text-transform:upper;
line-height:1em;

padding:22px; /* αλλάζει την θέση του css menu στην κορυφή της σελίδας */
}

html body .content-outer {
min-width:0;
max-width:100%;
width:100%;
}


/* Columns
---------καθορίζει την μπάρα πανω πάνω στο μενου css */
.body-fauxcolumn-outer .cap-top {
position:absolute;
z-index:1;
height:114px;
width:100%;
background-image: -moz-linear-gradient(#5cf,#002);
_background-image:none;
}
/* Columns
----------------------------------------------- */
.content-inner {
  padding: 0;
}

.header-inner .section {
  margin: 0 150px;
}

.tabs-inner .section {
  margin: 0 10px;
}

.main-inner {
  padding-top: $(date.space);
}

.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 6px;/* διαχωρίζει την αριστερή στήλη απο το κεντρικο μέρος με τις αναρτήσεις */
}
*+html body .main-inner .column-center-inner {
  margin-top: 2px;

}

#layout .main-inner .column-center-inner {
  margin-top: 20;
}

/* Header
----------------------------------------------- */ 




/* Tabs
----------------------------------------------- */


/* Headings
----------------------------------------------- */


/* Widgets
----------------------------------------------- */


.sidebar .widget {

        font-size: 12px;
letter-spacing:1px;
word-spacing:1px;
        font-family: Arial;
        padding:10px;
        text-transform:upper;
        line-height:1.0em;
        background-image: -moz-linear-gradient(#3cf,#069);


}
.sidebar .widget a:link {
color:#000;
}
.sidebar .widget a:visited {
color:#eee);
}

.sidebar .widget a:hover {
color:#fff;
}

.sidebar .widget h2 {

background-attachment: scroll;

background-image: url(“”);
background-position: 0px 500%;
background-repeat: no-repeat no-repeat;
border: 0px solid;
border-radius: 30px 30px 30px 30px;
box-shadow: 10 1px 1px, 1px 1px 10 inset;
color: #fff;
font-family: Arial;
font-size: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: 2;
list-style: none outside none;
margin: 15px 3px;
outline: medium none;
padding: 3px 10px 3px 30px;
text-shadow: 0 1px 0;
text-transform: upper;
vertical-align: baseline;

background-image: -moz-linear-gradient(#3cf,#069);


}


/*---------------------------------------------------------------*/












/* Posts
----------------------------------------------- */
 /*---- tampela hmeras ----*/

/* */


/*διαμορφωση κεντρικης αναρτησης--------------------------------------------------*/

.date-outer {
  position: relative;
  margin: $(date.space) 0 20px;
  padding: 0 15px;

  background-color:#059;
opacity:10;
  border: 2px solid #f30;







  
}






.date-posts {
  margin: 0 -$(separator.outdent);
  padding: 0 $(separator.outdent);

  clear: both;
}

.post-outer, .inline-ad {
  border-top: 1px solid $(post.border.bevel.color);

  margin: 0 -$(separator.outdent);
  padding: 15px $(separator.outdent);
}

.post-outer {
  padding-bottom: 10px;
}

.post-outer:first-child {
  padding-top: $(post.first.padding.top);
  border-top: none;
}

.post-outer:last-child, .inline-ad:last-child {
  border-bottom: none;
}


.post-body {
position: relative; /* η προκαθορισμενη τιμή είναι relative */
}

.post-body img {
background:#ffc;
border:2px solid #000;
float: left;



/*καθολική αλλαγή μεγέθους εικόνων */
width: 320px!important;
height: 320px!important;



}

h3.post-title, {

padding:30px 3px 32px 30px;  /* καθοριζει την θέση του τίτλου στις αναρτήσεις*/








}
h3.post-title a { /* αλλάζει τον τίτλο μονο στο κεντρικό μενού της σελιδας στην ανάρτηση*/

font-family: Arial ; 
  color:#fff;
font-size:inherit;
background:0;
 text-decoration: none;
letter-spacing: 0.9px;
word-spacing: 0px;
font-style: bold ;
padding: 1px;
margin: 1px;





}

h3.post-title a:hover {
  color:#000;
  text-decoration: underline;
}

.post-header {
  margin: 0 0 1em;

       
}

.post h4 {
background-attachment: scroll;
background-color: white;
background-image: url(“”);
background-position: 4px 50%;
background-repeat: no-repeat no-repeat;
border: 3px solid;
border-radius: 60px 60px 60px 60px;
box-shadow: 0 1px 3px, 1px 1px 0 inset;
color: #333333;
font-family: Trebuchet ms;
font-size: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: 1;
list-style: none outside none;
margin: 15px 3px;
outline: medium none;
padding: 3px 10px 3px 30px;
text-shadow: 0 1px 0;
text-transform: upper;
vertical-align: baseline;
}



.post-body {
background:#fff;
color:#111;
font-size:14px;
font-family:Georgia;
text-transform:upper;
letter-spacing:.5;
line-height: 1.2em;
background-image:10em;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
width:690px;
height:auto;
padding:12px 12px 12px;
word-spacing:2px;
image-align: left;





/* σκιές και περιγράματα για ανάρτηση*/



-moz-column-count: 2;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid black;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid black;


}

.post-outer h2 {
  color:#666;

}

.post-footer {
  margin: .0em 0 0;
}

#blog-pager {
  padding: 10px;
  font-size: 80%;

  background-color: #fff;
  border: 1px solid #369;

  

  margin-top: $(pager.space.top);
}

.blog-feeds, .post-feeds {
  margin: 1em 0;
  text-align: center;
  color: $(feed.text.color);
}

.blog-feeds a, .post-feeds a {
  color: $(feed.link.color);
}

.blog-feeds a:visited, .post-feeds a:visited {
  color: $(feed.link.visited.color);
}

.blog-feeds a:hover, .post-feeds a:hover {
  color: $(feed.link.hover.color);
}

.post-outer .comments {
  margin-top: 2em;
}

/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat:no-repeat;
background-image:url();
}

.comments .comments-content .loadmore a {
border-top:1px solid $(tabs.border.color);
border-bottom:1px solid $(tabs.border.color);
}

.comments .continue {
border-top:2px solid $(tabs.border.color);
}
/* Footer
----------------------------------------------- */
.footer-outer {
color:#000;
overflow:hidden;
margin:0 0 -1px;
padding:2px;
}

.footer-fauxborder-left {
background-image: -moz-linear-gradient(#09f,#069);
font-size: 12px;
margin:0;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size:$(mobile.background.size);
}

.mobile .body-fauxcolumn-outer {
background:$(mobile.background.overlay);
}

*+html body.mobile .main-inner .column-center-inner {
margin-top:0;
}

.mobile .main-inner .widget {
padding:0 0 15px;
}

.mobile .main-inner .widget h2 + div,.mobile .footer-inner .widget h2 + div {
border-top:none;
padding-top:0;
}

.mobile .footer-inner .widget h2 {
border-bottom:none;
padding:.5em 0;
}

.mobile .main-inner .widget .widget-content {
margin:0;
padding:7px 0 0;
}

.mobile .main-inner .widget ul,.mobile .main-inner .widget #ArchiveList ul.flat {
margin:0 -15px;
}

.mobile .main-inner .widget h2.date-header {
dateside:0;
}

.mobile .date-header span {
padding:.4em 0;
}

.mobile .date-outer:first-child {
margin-bottom:0;
border:1px solid $(post.border.color);
-moz-border-radius-topleft:$(date.first.border.radius.top);
-moz-border-radius-topright:$(date.first.border.radius.top);
-webkit-border-top-left-radius:$(date.first.border.radius.top);
-webkit-border-top-right-radius:$(date.first.border.radius.top);
-goog-ms-border-top-left-radius:$(date.first.border.radius.top);
-goog-ms-border-top-right-radius:$(date.first.border.radius.top);
border-top-left-radius:$(date.first.border.radius.top);
border-top-right-radius:$(date.first.border.radius.top);
}

.mobile .date-outer {
border-color:$(post.border.color);
border-width:0 1px 1px;
}

.mobile .header-inner .section {
margin:0;
}

.mobile .post-outer,.mobile .inline-ad {
padding:5px 0;
}

.mobile .tabs-inner .section {
margin:0 10px;
}

.mobile #blog-pager {
border:1px solid transparent;
background:$(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;
}

.mobile .main-inner .column-left-inner,.mobile .main-inner .column-right-inner {
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-goog-ms-box-shadow:none;
box-shadow:none;
}

.mobile .footer-fauxborder-left {
border-top:inherit;
margin:0;
}

.mobile-index-contents {
color:$(body.text.color);
}

.mobile .mobile-link-button {
background:$(link.color) $(tabs.background.gradient) repeat scroll 0 0;
}

.mobile-link-button a:link,.mobile-link-button a:visited {
color:$(mobile.button.color);
}

.mobile .tabs-inner .PageList .widget-content {
background:transparent;
border-top:1px solid;
color:$(tabs.text.color);
border-color:$(tabs.border.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-startside:1px solid $(tabs.border.color);
}

.mobile .date-outer:last-child,.mobile .main-inner .section:last-child .Blog:last-child {
margin-bottom:0;
}

.mobile .main-inner,.mobile .main-inner .widget h2.date-header span {
padding:0;
}

.mobile .main-inner .widget h2,.mobile .date-posts {
margin:0;
padding:0;
}
/*----- My Blogger Tricks Drop Down Menu v1 ----*/
#mbtnavbar {
background:#fff;
width:600px;
color:#fff;
position:relative;
border-top:0 solid #880505;
height:111px;
margin:10px;
padding:0;






}

#mbtnav {
margin:880;
padding:0;
}

#mbtnav ul {
float:left;
list-style:none;
margin:0;
padding:0;



}

#mbtnav li {
list-style:none;
border-left:0 solid #fff;
border-right:0 solid #000;
height:35px;
float:left;
margin:0;
padding:0;
}

#mbtnav li a,#mbtnav li a:link,#mbtnav li a:visited {
color:#fff;
display:block;
font:normal 12px Arial;
text-decoration:none;
margin:0;
padding:9px 12px 10px;
}

#mbtnav li a:hover,#mbtnav li a:active {
background:#c00;
color:#000;
display:block;
text-decoration:none;
margin:0;
padding:9px 12px 10px;
}

#mbtnav li ul {
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:140px;
margin:0;
padding:0;
}

#mbtnav li ul a {
width:150px;
}

#mbtnav li ul ul {
margin:-25px 0 0 161px;
}

#mbtnav li:hover ul ul,#mbtnav li:hover ul ul ul,#mbtnav li.sfhover ul ul,#mbtnav li.sfhover ul ul ul {
left:-999em;
}

#mbtnav li:hover ul,#mbtnav li li:hover ul,#mbtnav li li li:hover ul,#mbtnav li.sfhover ul,#mbtnav li li.sfhover ul,#mbtnav li li li.sfhover ul {
left:auto;
}

#mbtnav li:hover,#mbtnav li.sfhover {
position:static;
}

#mbtnav li li a,#mbtnav li li a:link,#mbtnav li li a:visited {
background:#ccc;
width:120px;
color:#000;
display:block;
font:normal 11px Helvetica, sans-serif;
text-decoration:none;
z-index:9999;
border-bottom:0 dotted #333;
margin:0;
padding:9px 12px 10px;





}

#mbtnav li li a:hover,#mbtnavli li a:active {
background:#d00;
color:#fff;
display:block;
text-decoration:none;
margin:0;
padding:9px 12px 10px;
}


a.readmore {
/* CSS properties go here */
}

<!-- -->
.Header h1,.Header h1 a {
font-size:12px;
font-family:Arial;
letter-spacing: 2px;
line-spacing: 2px;
font-style: bold;
}
<!-- -->
.showpageArea {
margin:10px 0;
}

.showpageArea a {
text-decoration:none;
}

.showpageNum a {
background-color:#ddd;
-moz-border-radius:2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
font-size:11px;
border:1px solid #999;
color:#000;
text-shadow:1px 1px #fff;
margin:2px;
padding:4px 8px;
}

.showpageNum a:hover {
background:#eee;
-moz-border-radius:2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #cdcdcd;
text-shadow:1px 1px #fff;
}

.showpagePoint {
background:#eee;
-moz-border-radius:2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #cdcdcd;
font-size:11px;
color:#000;
text-shadow:1px 1px #fff;
margin:0 5px;
padding:4px 8px;
}

.showpageOf {
background:#ddd;
-moz-border-radius:2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#111;
margin:0 5px;
padding:4px 8px;
}

.showpage a {
background:#ddd;
-moz-border-radius:2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#000;
text-shadow:1px 1px #fff;
padding:4px 8px;
}

.showpage a:hover {
background:#ccc;
-moz-border-radius:2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#000;
text-shadow:1px 1px #fff;
}

.showpageNum a:link,.showpage a:link {
-moz-border-radius:2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
color:#000;
}

.rel-posts h4 {
margin:0;
padding:0;
}

#permalink,#permalink2 {
color:#ddd;
font-size:16px;
padding:0 5px;
}
#blog-pager{width:98%;float:left;margin:6px 0 1px;padding:7px 0}.post img,table.tr-caption-container{padding:0px;border:1px solid #666}







<!-- -->
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
    padding: 1px 1px 10px 7px; !important;
    border: none; !important;
    background: none !important;
    
}





<!-- widget labels κατω κατω -->
.Label li:before {
background-image:#ffc;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
content:"";
height:1.39em;
left:-.69em;
position:absolute;
top:.2em;
transform:rotate(45deg);
width:1.3em;
z-index:1;
}

.Label li:after {
background:none repeat scroll 0 0 #FFF;
border:1px solid #fff;
border-radius:4.167em 4.167em 4.167em 4.167em;
box-shadow:0 1px 0 #fff;
content:"";
height:.5em;
left:-.083em;
position:absolute;
top:.667em;
width:.5em;
z-index:9999;
}

.Label li {
background-image:0;
border-bottom:1px solid #fff;
border-radius:0 .25em .25em 0;
border-right:1px solid #fff;
border-top:1px solid #fff;
box-shadow:0 1px 0 #fff inset, 0 1px 1px rgba(0,0,0,0.1);
color:#fff;
float:left;
font-family:Georgia;
font-size:80%;
font-weight:700;
list-style:none outside none;
position:relative;
text-decoration:none;
text-shadow:0 1px 0 rgba(255,255,255,0.4);
z-index:1;
margin:0 0 7px 20px;
padding:.417em .417em .417em .917em;
}


 /*-------- Post Views  ----------*/
 
/*--------εφφε για φωτο τελος ---------*/



/*Under or Above Post
—————————–*/
/* αρχιγραμμα */





<!-- Popular posts multi colored UI theme -->
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#6cf;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#3cf;width:87%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#1cf;width:84%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#699;width:81%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#363;width:66%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#369;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:13px;color:#000;text-decoration:underline}
#PopularPosts1 ul li a:hover{color:#666;text-decoration:none}
#PopularPosts1 img{
-moz-border-radius: 130px;
-webkit-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
padding:4px;
border:1px solid #fff !important;
}
#PopularPosts1 img:hover {
border-radius: 0 0 0 0;
-moz-transform: scale(1.2) rotate(-711deg) ;
-webkit-transform: scale(1.2) rotate(-711deg) ;
-o-transform: scale(1.2) rotate(-711deg) ;
-ms-transform: scale(1.2) rotate(-711deg) ;
transform: scale(1.2) rotate(-711deg) ;
}
<!-- popular posts multicolored UI theme -->

 
<!-- ημερομηνία στην ανάρτηση αρχή-->

#fecha {
display:inline;
float:right;
color:#369;
background:#e4e3ad;
border:#d7d675 3px solid;
text-transform:capitalize;
margin:100px 0;
padding:5px;





 
}

.fecha_dia {
display:inline;
font-size:14px;
font-weight:700;
background-color:#39f;




}

.fecha_mes {
display:inline;
font-size:14px;
background-color:#f30;


}

.fecha_anio {
display:inline;
font-size:14px;
background-color:#39f;




}
<!-- ημερομηνία στην ανάρτηση τέλος-->

<!--firebase start -->


    /*-------- Post Views  ----------*/
    #views-container {
    width: 200px;
    float: right;
    }

    .mbtloading {
    background: url('http://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/s320/mbtloading.gif') no-repeat left center;
    width: 190px;
    height: 160px;
    }

    .viewscount {
    float: left;
    color: #EE5D06;
    font: bold italic 12px Microsoft Suns Serif;
    }

    .views-text {
    float: left;
    font: bold 12px Microsoft Suns Serif;
    color: #333;
    }

    .views-icon{
    background: url('http://4.bp.blogspot.com/-_dXedKDHIws/USOp369zEPI/AAAAAAAAJOs/Cv3fTZUaBTU/s1600/postviews.png') no-repeat left;
    border: 0px;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    padding: 0px 2px;4




    }

<!-- firebase end -->